<template>
	<view :style="{marginTop:starbarss+'px'}">
		<homeSwiper :list="bannerList"></homeSwiper>
		<view class="txx-view mt10">
			<view class="grid">
				<view class="li border">
					<navigator url="/pages/vertical-swiper/vertical-swiper">
						<view class="item">
							<view class=" li-l">
								<image src="../../static/user/zhiwei.png" class=""></image>
								<text>今日签到</text>
							</view>
						</view>
					</navigator>
					<navigator url="/pages/product/index">
						<view class="item">
							<view class=" li-l">
								<image src="../../static/user/jianli.png" class=""></image>
								<text>任务包</text>
							</view>
						</view>
					</navigator>
					<navigator url="/pages/notice/detail?data=xszd">
						<view class="item">
							<view class=" li-l">
								<image src="../../static/user/gongsi.png" class=""></image>
								<text>新手指导</text>
							</view>
						</view>
					</navigator>
				</view>
				<view class="li">
					<navigator url="/pages/shop/meal">
						<view class="item">
							<view class=" li-l">
								<image src="../../static/user/taocan.png" class=""></image>
								<text>项目中心</text>
							</view>
						</view>
					</navigator>
					<navigator url="/pages/article/list">
						<view class="item">
							<view class="li-l">
								<image src="../../static/user/bangzhu.png" class=""></image>
								<text>抖腿商城</text>
							</view>
						</view>
					</navigator>
					<navigator url="../notice/kefu" class="item">
						<view class="li-l">
							<image src="../../static/user/lianxi.png" class=""></image>
							<text>联系我们</text>
						</view>
					</navigator>
				</view>
			</view>
		</view>
		<noticeSwiper :list="noticeList"></noticeSwiper>
		<view class="uni-divider"></view>
		<view class="ad">
			<image mode="widthFix" src="../../static/img/ad.jpg"></image>
		</view>
		<view class="uni-h5 title uni-bold rank-title">平台公告</view>
		<view class="ad">
			<image mode="widthFix" src="../../static/img/ad.jpg"></image>
		</view>
	</view>
</template>

<script>
	import homeSwiper from '../../components/homeSwiper.vue'
	import noticeSwiper from '../../components/noticeSwiper.vue'
	import uniGrid from "../../components/uni-grid/uni-grid.vue"
	import uniGridItem from "../../components/uni-grid-item/uni-grid-item.vue"
	export default {
		data() {
			return { 
				bannerList: [],
				noticeList: [],
				modalName: null,
				starbarss:0
			}
		},
		components: {
			uniGrid,
			uniGridItem,
			homeSwiper,
			noticeSwiper,
		},
		onLoad() {
			// #ifdef APP-PLUS
			this.starbarss = 30;
			// #endif
		},
		mounted() {
			//this.initPage()
			this.bannerList = [{
					id: 1,
					name: "1",
					value: "https://oss999.oss-cn-hongkong.aliyuncs.com/upload/201903211634211654.jpg"
				},
				{
					id: 2,
					name: "2",
					value: "https://oss999.oss-cn-hongkong.aliyuncs.com/upload/2019031211003874293.jpg"
				},
				{
					id: 3,
					name: "3",
					value: "https://oss999.oss-cn-hongkong.aliyuncs.com/upload/2019031815071397696.jpg"
				}
			];
			this.noticeList = ["国际站4月1日14:00开放MDC/USDT交易市场", "国际站4月2日10:00上线HKL", "关于国际站即将上线 GCCT（Global Cash Coin)"];
		},
		methods: {
			
		}
	}
</script>

<style>
	.uni-common-mt {
		margin-top: 60upx;
		position: relative;
	}

	.info {
		position: absolute;
		right: 20upx;
	}
	.uni-divider{
		margin-bottom : 10px
	}
	.ad{
		width:96%;
		margin: 0 auto;
	}
	.ad image {
		min-height: 100%;
		min-width: 100%;
	}

	.rank-title {
		padding: 10px 20px;
	}
	
	.grid{
		padding: 5px 0;
		display:block;
		background: #FFF;
	}
	.grid .li{
		overflow: hidden;
		display: block;
	}
	.grid .li .item{
		width: 33.3%;
		float: left;
		text-align: center;
	}
	.grid .li .item image{
		width: 50px;
		height: 50px;
		display: block;
		margin: 10px auto 5px;
	}
	.grid .li .item text{
		display: block;
		line-height: 30px;
		text-align: center;
		height:30px;
		overflow:hidden;
		font-size:14px;
	}
</style>
